home *** CD-ROM | disk | FTP | other *** search
/ SIGGRAPH 2012 / SIGGRAPH 2012 - Disc 2.iso / assets / tribeca.css < prev    next >
Cascading Style Sheet File  |  2012-06-15  |  2KB  |  162 lines
  1. body {
  2.     margin: 0;
  3.     padding: 0;
  4.     font-family: Verdana, sans-serif;
  5.     font-size: small;
  6.     background: #fff;
  7. }
  8.  
  9. #header {
  10.     background: #d0c1b6 url(header-bg.png) repeat-x top left;
  11. }
  12.  
  13. #header h1 {
  14.     margin: 0;
  15.     padding: 25px;
  16.     font-family: Verdana, sans-serif;
  17.     font-size: 200%;
  18.     font-weight: bold;
  19.     color: #ef7039;
  20.     text-align: center;
  21. }
  22.  
  23. #wrap {
  24.     min-width: 500px;
  25.     max-width: 1400px;
  26. }
  27.  
  28. #content {
  29.     float: left;
  30.     width: 100%;
  31.     font-size: 95%;
  32.     line-height: 1.5em;
  33.     color: #333;
  34. }
  35.  
  36. #content h1, h2, h3 {
  37.     color: #ef7039;
  38. }
  39.  
  40. #content .gutter {
  41.     padding: 25px;
  42. }
  43.  
  44. #content .wrapper {
  45.     width: 960px;
  46.     \width: 980px;
  47.     w\idth: 980px;
  48.     margin-left: auto;
  49.     margin-right: auto;
  50.     margin-top: 20px;
  51.     margin-bottom: 10px;
  52.     text-align: left;
  53.     background-color: #fff;
  54. }
  55.  
  56. #content .description {
  57.     margin-top: 10px;
  58.     margin-left: 20px;
  59.     padding-left: 10px;
  60.     border-left: 2px solid #ccc;
  61. }
  62.  
  63. #sidebar {
  64.     float: right;
  65.     width: 20%;
  66.     font-size: 95%;
  67.     line-height: 1.5em;
  68. }
  69.  
  70. #sidebar .gutter {
  71.     padding: 15px;
  72. }
  73.  
  74. #footer {
  75.     clear: both;
  76.     margin: 0;
  77.     border-top: 1px solid #000;
  78.     padding: 10px;
  79.     font-size: 90%;
  80.     color: #ef7039;
  81.     text-align: center;
  82.     background: #d0c1b6;
  83. }
  84.  
  85. #centeredmenu {
  86.     float: left;
  87.     width: 100%;
  88.     background: #aaa;
  89.     border-top: 1px solid #000;
  90.     border-bottom: 1px solid #000;
  91.     overflow: hidden;
  92.     position: relative;
  93. }
  94.  
  95. #centeredmenu ul {
  96.     clear: left;
  97.     float: left;
  98.     list-style: none;
  99.     margin: 0;
  100.     padding: 0;
  101.     position: relative;
  102.     left: 50%;
  103.     text-align: center;
  104. }
  105.  
  106. #centeredmenu ul li {
  107.     display: block;
  108.     float: left;
  109.     list-style: none;
  110.     margin: 0;
  111.     padding: 0;
  112.     position: relative;
  113.     right: 50%;
  114. }
  115.  
  116. #centeredmenu ul li a {
  117.     display: block;
  118.     margin: 0 0 0 1px;
  119.     padding: 10px 15px;
  120.     background: #aaa;
  121.     color: #fff;
  122.     text-decoration: none;
  123.     font-size: 90%;
  124.     font-weight: bold;
  125. }
  126.  
  127. #centeredmenu ul li a:hover {
  128.     color: #ef7039;
  129. }
  130.  
  131. #artgallery-image, #caf-image {
  132.     float: left;
  133.     width: 210px;
  134.     margin: 20px 10px 10px 10px;
  135. }
  136.  
  137. #artgallery-text, #caf-text {
  138.     float: right;
  139.     width: 70%;
  140. }
  141.  
  142. #artgallery-clear, #caf-clear {
  143.     clear: both;
  144. }
  145.  
  146. .bold {
  147.     font-weight: bold;
  148. }
  149.  
  150. .italic {
  151.     font-style: italic;
  152. }
  153.  
  154. .underline {
  155.     text-decoration: underline;
  156. }
  157.  
  158. .abstract {
  159.     margin-left: 20px;
  160.     margin-right: 20px;
  161. }
  162.